<!DOCTYPE html>
<html lang="en" dir="ltr">

<!-- Head -->
<head>
    <!-- == Le Metas and Title Tags == -->
    <meta charset="utf-8">
    <title>加盟商入口</title>
    <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="快快">
    <meta name="author" content="快快">

    <!-- == Favicons == -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="apple-touch-icon" href="img/apple/apple_touch_icon_57.png"><!-- Apple Touch Icon 57x57 -->
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple/apple_touch_icon_72.png"><!-- Apple Touch Icon 72x72 -->
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple/apple_touch_icon_114.png"><!-- Apple Touch Icon 114x114 -->

    <!-- == Le Styles Tags == -->
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /><!-- Twitter Bootstrap V 3.1.1 -->
    <link rel="stylesheet" href="css/bootstrap/bootstrap-custom.css" /><!-- Custom Bootstrap Style -->
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" /><!-- Fancybox Lightboxs-->
    <link rel="stylesheet" href="js/fancybox/helpers/jquery.fancybox-thumbs.css" /><!-- Fancybox Lightboxs-->

    <!-- == Le Main Styles Tags == -->
    <link rel="stylesheet" href="css/style.css" /><!-- Main Style -->
    <link rel="stylesheet" href="css/r-style.css"/><!-- Reifang Style -->

    <!-- == Le Themes Tags == -->
    <link rel="stylesheet" href="css/theme/light.css" /><!-- Theme Style -->
    <link rel="stylesheet" href="css/color/green_sea.css" /><!-- Color Style -->

    <!--  For this page only ! -->
    <link rel="stylesheet" href="css/home/index02.css" /><!-- Home 02 -->
    <link rel="stylesheet" href="css/slider/revolution_slider.css" /><!-- Revolution Slider -->

    <!--  Responsive ! -->
    <link rel="stylesheet" href="css/responsive.css" /><!-- Layout Responsive -->
    <style type="text/css">
        @media (min-width:1200px){.container{width:100%}}
        .img-content{padding: 50px 0 0 150px}
        .img-content img{width: 80%;padding-bottom: 30px;}
        .forms input, .forms textarea{padding-left: 10px;}
    </style>

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->
    <!--[if lt IE 10]>
    <script src="js/jquery.placeholder.min.js"></script>
    <![endif]-->


</head>
<body>
<!-- * Start / Navigation*  -->
<nav id="slidemenu" class="menu">
    <!-- # Menu Content #  -->
    <div class="slidemeu-content">

        <!-- # Logo #  -->
        <div class="logo">
            <a href="index.html" title="Home">
                <img src="img/banners/logo.png"  alt="logo" title="kuaikuai Logo">
            </a>
        </div>
        <!-- # End Logo #  -->

        <!-- # Links #  -->
        <div class="links">
            <div id="accordian">
                <ul>
                    <li>
                        <h3><a href="./index.html">主页</a></h3>
                    </li>
                    <li>
                        <h3><a href="./league.html">加盟商入口</a></h3>
                    </li>
                    <li>
                        <h3><a href="./join.html">加入快快</a></h3>
                    </li>
                    <li>
                        <h3><a href="./about.html">关于我们</a></h3>
                    </li>
                </ul>
            </div>
        </div>
        <!-- # End Links #  -->

        <!-- # Logo #  -->
        <div class="menu-info">
            <div>
                <i class="fa fa-phone"></i>
                <span>400-660-6580</span>
            </div>
            <div>
                <i class="fa fa-envelope-o"></i>
                <span>mayer@kuaikuai.com</span>
            </div>
        </div>
        <!-- # End Logo #  -->

    </div>
    <!-- # End Menu Content #  -->

    <!-- # Menu Overflow #  -->
    <div id="overflow-icon"></div>
</nav>
<!-- * End / Navigation*  -->

<!-- 加盟商banner -->
<section class="shortcodes-banner" id="top-banner" style="height: 88px;">
    <div class="transparent-bg">
        <div class="center-content container text-center">
            <div class="row">
                <div class="col-md-12">
                    <h3 style="color: #fff;">加盟快快服务网店</h3>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End 加盟商banner -->

<section style="margin-bottom: -25px;">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6" style="padding: 0;background-color: #4d4d4d;height: 620px;">
                <div class="img-content">
                    <img src="img/banners/ru-pic1.png" alt=""/>
                    <img src="img/banners/ru-pic2.png" alt=""/>
                    <img src="img/banners/ru-pic3.png" alt=""/>
                </div>
            </div>

            <div class="col-md-6 col-sm-6" style="padding: 0">
                <div class="forms" style="margin: 50px 150px 0px 50px;">
                    <form action="#" method="post">
                        <caption><h3 class="text-center">成为加盟商</h3></caption>
                        <input type="text" placeholder="您的尊称" name="name" class="text">
                        <input type="number" placeholder="联系方式" name="name" class="text">
                        <textarea name="textarea" placeholder="目前您遇到的问题和期望解决的问题。" id="textarea" cols="30" rows="15"></textarea>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="clearfix"></div>

<!-- # Start Footer #  -->
<footer id="footer">
    <!-- # Bottom Footer # -->
    <div class="bottom-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3 text-center">
                    <p class="links selected"><a href="./league.html" target="_blank">加盟商入口</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links "><a href="./join.html" target="_blank">加入快快</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links "><a href="./about.html" target="_blank">关于我们</a></p>
                </div>

                <div class="col-md-3 text-center">
                    <p class="links "><a href="#" target="_blank">联系我们</a></p>
                </div>

            </div>
        </div>
    </div>
    <!--  End # Bottom Footer # -->
</footer>
<!-- # End Footer #  -->

<div id="back-top" style="display: block;z-index: 99;">
    <a href="#top"><i class="fa fa-angle-up"></i></a>
</div>

<!-- == Le Scripts Tags == -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script><!-- Bootstrap -->
<!--[if lte IE 8]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script src="js/modernizr.js"></script><!-- Modernizr -->
<script src="js/jquery.easing.1.3.js"></script> <!-- Easing Pack 1.3 -->
<script src="js/jquery.mousewheel.js"></script> <!-- Mousewheel Pack -->
<script src="js/retina.js"></script><!-- Retina Ready Images -->
<script src="js/animate.js"></script><!-- Animate -->
<script src="js/jquery.appear.js"></script><!-- Appear jQuery -->
<script src="js/jquery.stellar.js"></script><!-- Stellar Parallax -->
<script src="js/smoothScroll.js"></script><!-- Smooth Scroll -->
<script src="js/jquery.isotope.js"></script><!-- Portfolio -->
<script src="js/fancybox/jquery.fancybox.js"></script><!-- FancyBox -->
<script src="js/fancybox/helpers/jquery.fancybox-media.js"></script><!-- FancyBox -->
<script src="js/fancybox/helpers/jquery.fancybox-thumbs.js"></script><!-- FancyBox -->
<script src="js/waypoints.min.js"></script> <!-- Way Point for Counter -->
<script src="js/jquery.counterup.min.js"></script> <!-- Counter -->
<script src="js/jquery.nicescroll.min.js"></script><!-- NiceScroll -->
<script src="js/carousal/owl.carousel.js"></script><!-- Carousel -->
<script src="js/video_plugin/jquery.videobackground.js"></script><!-- Video Background -->
<script src="js/video_plugin/devices.js"></script> <!-- devices Pack -->
<script src="js/video_plugin/vidscale.js"></script><!-- Video Background -->
<script src="js/masonry.pkgd.min.js"></script><!-- Masonry-->
<script src="js/ticker.js"></script><!-- Ticker -->
<script src="js/jflickrfeed.min.js"></script><!-- Flickr -->
<script src="js/scripts.js"></script><!-- Configuration -->
<script type="text/javascript">
    $(function() {
        $('.icon-close').click(function() {
            $('#top-banner').css('display') == "block" ? $('#top-banner').slideUp("slow") : $('#top-banner').css('display', 'block');
        });
    });
</script>
</body>
</html>